<script setup lang='ts'>
import { ref, reactive } from 'vue'
import { ElMessage } from 'element-plus'
import { useComponents } from '../../stores/counter'//使用pina,完成操作
const store = useComponents()
const message=ref('')

const { ClearPermeation } = useComponents()
const ClearBtn = () => {
    localStorage.removeItem("setcanvasComponents")
    ClearPermeation();
    ElMessage({
        message: '清空画布成功.',
        type: 'success',
        plain: true,
    })
}


</script>

<template>
    <div class="csn" @click="ClearBtn">清空画布</div>
</template>

<style lang='scss' scoped>
.csn {
    font-size: 16px;
}
</style>